<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/metrize.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/polaris/polaris.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<header class="header-content header-fixed bg-white clearfix">
    <!--  Logo -->
    <div class="logo bg-dark">
        <a href="#"><span class="logo-icon fa fa-th-large"></span> <span class="logo-text">JP</span></a>
    </div>

    <div class="top-nav">
        <ul class="list-none nav-left">
            <!-- to left menu -->
            <li class="unshow"><a class="toggle-min jp-gray jp-ripple" href="#"><i class="fa fa-bars"></i></a></li>
            <!-- dropdown settings -->
            <li class="dropdown">
                <a href="#" class="dropdown-toggle jp-gray jp-ripple" data-toggle="dropdown" id="dropdownMenu2"><i class="fa fa-gear"></i></a>
                <div class="dropdown-menu panel panel-default with-arrow" aria-labelledby="dropdownMenu2">
                    <div class="panel-heading"><span>Setting</span></div>
                    <ul class="list-group">
                        <li class="list-group-item">
                            <p>User setting</p>
                            <div class="checkbox-inline">
                                <label>
                                    <input type="checkbox"> Check me out
                                </label>
                            </div>
                            <div class="checkbox-inline">
                                <label>
                                    <input type="checkbox"> Check me out
                                </label>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <p>User setting</p>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option1"> 2
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option1"> 3
                            </label>
                        </li>
                    </ul>
                </div>
            </li>
            <li><a href="#" class="jp-gray jp-ripple"><i class="fa fa-truck"></i></a></li>
        </ul>

        <ul class="list-none nav-right pull-right">
            <!-- user info-->
            <li class="nav-profile dropdown">
                <a href="#" class="dropdown-toggle jp-gray jp-ripple" data-toggle="dropdown"><img src="img/t.jpg" class="img-circle img30_30" /> <span class="hidden-xs">LISA</span></a>
                <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                    <li><a href="#"><i class="fa fa-dashboard"></i>Action</a></li>
                    <li><a href="#"><i class="fa fa-television"></i>Another action</a></li>
                    <li><a href="#"><i class="fa fa-file-o"></i>Something else here</a></li>
                    <li><a href="#"><i class="fa fa-table"></i>Separated link</a></li>
                </ul>
            </li>
            <li><a href="#" class="jp-gray jp-ripple"><i class="fa fa-wifi"></i></a></li>
        </ul>
    </div>

</header>
<div class="main-content">
    <!-- left nav -->
    <div class="nav-content bg-dark nav-vertical">
        <ul class="left-menu list-none">
            <li class="user-info">
                <div class="user-panel">
                    <div class="pull-left">
                        <img src="img/t.jpg" class="img-circle img45_45"/>
                    </div>
                    <div class="pull-left info">
                        <p>welcome,admin</p>
                        <a href="#"><i class="fa fa-circle"></i> online</a>
                    </div>
                </div>
                <form class="search-form">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Search" />
                        <span class="input-group-btn">
                            <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
                        </span>
                    </div>
                </form>
            </li>
            <li class="treeview ">
                <a href="main.html" class="jp-ripple"><i class="fa fa-dashboard"></i><span>Dashboard</span></a>
            </li>
            <li class="treeview active">
                <a href="#" class="jp-ripple"><i class="fa fa-television"></i><span>JP UI</span><i class="fa fa-angle-down icon-has-ul"></i></a>
                <ul class="treeview-menu">
                    <li class="jp-ripple"><a href="Buttons.html" ><i class="fa fa-circle ng-scope"></i><span>Buttons</span><span class="badge badge-info ng-scope">10</span></a></li>
                    <li class="active jp-ripple"><a href="Icons.html"><i class="fa fa-circle ng-scope"></i><span>Icons</span></a></li>
                    <li class="jp-ripple"><a href="Typography.html"><i class="fa fa-circle ng-scope"></i><span>Typography</span></a></li>
                    <li class="jp-ripple"><a href="Lists.html"><i class="fa fa-circle ng-scope"></i><span>Lists</span></a></li>
                    <li class="jp-ripple"><a href="Forms.html" ><i class="fa fa-circle ng-scope"></i><span>Forms</span></a></li>
                    <li class="jp-ripple"><a href="Components.html"><i class="fa fa-circle ng-scope"></i><span>Components</span></a></li>
                    <li class="jp-ripple"><a href="Panels.html"><i class="fa fa-circle ng-scope"></i><span>Panels</span></a></li>
                    <li class="jp-ripple"><a href="Grids.html"><i class="fa fa-circle ng-scope"></i><span>Grids</span></a></li>
                    <li class="jp-ripple"><a href="Timeline.html"><i class="fa fa-circle ng-scope"></i><span>Timeline</span></a></li>
                    <li class="jp-ripple"><a href="Tree.html"><i class="fa fa-circle ng-scope"></i><span>Tree</span></a></li>
                </ul>
            </li>
            <li class="treeview">
                <a href="#" class="jp-ripple"><i class="fa fa-file-o"></i><span>Pages</span><i class="fa fa-angle-down icon-has-ul"></i></a>
                <ul class="treeview-menu">
                    <li class="jp-ripple"><a href="SignIn.html"><i class="fa fa-circle ng-scope"></i><span>Sign In</span><span class="badge badge-info ng-scope">10</span></a></li>
                    <li class="jp-ripple"><a href="SignUp.html"><i class="fa fa-circle ng-scope"></i><span>Sign Up</span></a></li>
                    <li class="jp-ripple"><a href="ForgotPassword.html"><i class="fa fa-circle ng-scope"></i><span>Forgot Password</span></a></li>
                    <li class="jp-ripple"><a href="404.html"><i class="fa fa-circle ng-scope"></i><span>404 Error</span></a></li>
                    <li class="jp-ripple"><a href="500.html"><i class="fa fa-circle ng-scope"></i><span>500 Error</span></a></li>
                    <li class="jp-ripple"><a href="Blank.html"><i class="fa fa-circle ng-scope"></i><span>Blank Page</span></a></li>
                    <li class="jp-ripple"><a href="Profile.html"><i class="fa fa-circle ng-scope"></i><span>Profile</span></a></li>
                    <li class="jp-ripple"><a href="Invoice.html"><i class="fa fa-circle ng-scope"></i><span>Invoice</span></a></li>
                </ul>
            </li>
            <li class="treeview">
                <a href="#" class="jp-ripple"><i class="fa fa-table"></i><span>Tables</span><i class="fa fa-angle-down icon-has-ul"></i></a>
                <ul class="treeview-menu">
                    <li class="jp-ripple"><a href="Basetable.html"><i class="fa fa-circle ng-scope"></i><span>Base Table</span><span class="badge badge-warning ng-scope">10</span></a></li>
                    <li class="jp-ripple"><a href="Responsivetables.html"><i class="fa fa-circle ng-scope"></i><span>Responsive Tables</span></a></li>
                    <li class="jp-ripple"><a href="DataTables.html"><i class="fa fa-circle ng-scope"></i><span>Data Tables</span></a></li>
                </ul>
            </li>
            <li class="treeview">
                <a href="#" class="jp-ripple"><i class="fa fa-pencil"></i><span>Forms</span><i class="fa fa-angle-down icon-has-ul"></i></a>
                <ul class="treeview-menu">
                    <li class="jp-ripple"><a href="FormComponents.html"><i class="fa fa-circle ng-scope"></i><span>Form Components</span><span class="badge badge-warning ng-scope">10</span></a></li>
                    <li class="jp-ripple"><a href="WizardForm.html"><i class="fa fa-circle ng-scope"></i><span>Wizard Form</span></a></li>
                </ul>
            </li>
            <li class="treeview">
                <a href="#" class="jp-ripple"><i class="fa fa-bar-chart"></i><span>Charts</span><i class="fa fa-angle-down icon-has-ul"></i></a>
                <ul class="treeview-menu">
                    <li class="jp-ripple"><a href="EChartsLine.html"><i class="fa fa-circle ng-scope"></i><span>ECharts Line</span></a></li>
                    <li class="jp-ripple"><a href="EChartsBar.html"><i class="fa fa-circle ng-scope"></i><span>ECharts Bar</span><span class="badge badge-primary ng-scope">5</span></a></li>
                    <li class="jp-ripple"><a href="EChartsPie.html"><i class="fa fa-circle ng-scope"></i><span>ECharts Pie</span></a></li>
                    <li class="jp-ripple"><a href="EChartsScatter.html"><i class="fa fa-circle ng-scope"></i><span>ECharts Scatter</span></a></li>
                </ul>
            </li>
            <li class="menu-divider"></li>
            <li class="nav-title">
                <span>Title</span>
            </li>
            <li class="li-sm active">
                <a href="#"><i class="fa fa-circle color-info"></i><span>JP Components</span></a>
            </li>
            <li class="li-sm treeview">
                <a href="#"><i class="fa fa-circle color-success"></i><span>JP Elements</span></a>
            </li>
        </ul>

    </div>
    <!-- content -->
    <div class="content">
        <section class="jppage">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-4">
                        <div class="p-card bg-white">
                            <div class="p-card-content">
                                <span class="p-card-title">Bootstrap Glyphicons</span>
                                <p>
                                    Includes over 250 glyphs in font format from the Glyphicon Halflings set.
                                    Glyphicons Halflings are normally not available for free.

                                </p>
                            </div>
                            <div class="p-card-action">
                                <a href="http://getbootstrap.com/components/" target="_blank" class="color-primary">Complete lists here</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="p-card bg-white">
                            <div class="p-card-content">
                                <span class="p-card-title">Font Awesome 4.5.x</span>
                                <p>
                                    One Font, 605 Icons
                                    In a single collection, Font Awesome is a pictographic language of web-related actions.
                                </p>
                            </div>
                            <div class="p-card-action">
                                <a href="http://fontawesome.io/icons/" target="_blank" class="color-primary">Complete lists here</a>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
            <div class="col-lg-8 clearfix">
                <h2 class="section-header">Metrize Icons</h2>
            </div>
            <div class="col-md-12">
                <div class="panel panel-default text-center">
                    <div class="panel-body">
                        <!-- metrize icons-->
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-yen"></span>
                            <br/>icon-yen
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-world"></span>
                            <br/>icon-world
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-wireframe-globe"></span>
                            <br/>icon-wireframe-globe
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-wind"></span>
                            <br/>icon-wind
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-wifi"></span>
                            <br/>icon-wifi
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-waves"></span>
                            <br/>icon-waves
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-viewport"></span>
                            <br/>icon-viewport
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-viewport-video"></span>
                            <br/>icon-viewport-video
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-user"></span>
                            <br/>icon-user
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-user-remove"></span>
                            <br/>icon-user-remove
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-user-ban"></span>
                            <br/>icon-user-ban
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-user-add"></span>
                            <br/>icon-user-add
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-upload"></span>
                            <br/>icon-upload
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-upload-selection"></span>
                            <br/>icon-upload-selection
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-upload-selection-circle"></span>
                            <br/>icon-upload-selection-circle
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-underline"></span>
                            <br/>icon-underline
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-triple-points"></span>
                            <br/>icon-triple-points
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-top-bottom"></span>
                            <br/>icon-top-bottom
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-three-points"></span>
                            <br/>icon-three-points
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-three-points-top"></span>
                            <br/>icon-three-points-top
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-three-points-bottom"></span>
                            <br/>icon-three-points-bottom
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-text-width"></span>
                            <br/>icon-text-width
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-text-size-upper"></span>
                            <br/>icon-text-size-upper
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-text-size-reduce"></span>
                            <br/>icon-text-size-reduce
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-text-paragraph"></span>
                            <br/>icon-text-paragraph
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-text-normal"></span>
                            <br/>icon-text-normal
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-text-justify-right"></span>
                            <br/>icon-text-justify-right
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-text-justify-left"></span>
                            <br/>icon-text-justify-left
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-text-justify-center"></span>
                            <br/>icon-text-justify-center
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-text-height"></span>
                            <br/>icon-text-height
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-text-center"></span>
                            <br/>icon-text-center
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-text-bold"></span>
                            <br/>icon-text-bold
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-text-align-right"></span>
                            <br/>icon-text-align-right
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-text-align-left"></span>
                            <br/>icon-text-align-left
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-telephone"></span>
                            <br/>icon-telephone
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-sunshine"></span>
                            <br/>icon-sunshine
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-sun"></span>
                            <br/>icon-sun
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-stop"></span>
                            <br/>icon-stop
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-star"></span>
                            <br/>icon-star
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-speed"></span>
                            <br/>icon-speed
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-sound-on"></span>
                            <br/>icon-sound-on
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-sound-off"></span>
                            <br/>icon-sound-off
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-sos"></span>
                            <br/>icon-sos
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-zerply"></span>
                            <br/>icon-social-zerply
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-youtube"></span>
                            <br/>icon-social-youtube
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-yelp"></span>
                            <br/>icon-social-yelp
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-yahoo"></span>
                            <br/>icon-social-yahoo
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-wordpress"></span>
                            <br/>icon-social-wordpress
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-virb"></span>
                            <br/>icon-social-virb
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-vimeo"></span>
                            <br/>icon-social-vimeo
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-viddler"></span>
                            <br/>icon-social-viddler
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-twitter"></span>
                            <br/>icon-social-twitter
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-tumblr"></span>
                            <br/>icon-social-tumblr
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-stumbleupon"></span>
                            <br/>icon-social-stumbleupon
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-soundcloud"></span>
                            <br/>icon-social-soundcloud
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-skype"></span>
                            <br/>icon-social-skype
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-sharethis"></span>
                            <br/>icon-social-sharethis
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-quora"></span>
                            <br/>icon-social-quora
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-pinterest"></span>
                            <br/>icon-social-pinterest
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-photobucket"></span>
                            <br/>icon-social-photobucket
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-paypal"></span>
                            <br/>icon-social-paypal
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-myspace"></span>
                            <br/>icon-social-myspace
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-linkedin"></span>
                            <br/>icon-social-linkedin
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-last-fm"></span>
                            <br/>icon-social-last-fm
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-grooveshark"></span>
                            <br/>icon-social-grooveshark
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-google-plus"></span>
                            <br/>icon-social-google-plus
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-github"></span>
                            <br/>icon-social-github
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-forrst"></span>
                            <br/>icon-social-forrst
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-flickr"></span>
                            <br/>icon-social-flickr
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-facebook"></span>
                            <br/>icon-social-facebook
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-evernote"></span>
                            <br/>icon-social-evernote
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-envato"></span>
                            <br/>icon-social-envato
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-email"></span>
                            <br/>icon-social-email
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-dribbble"></span>
                            <br/>icon-social-dribbble
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-digg"></span>
                            <br/>icon-social-digg
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-deviantart"></span>
                            <br/>icon-social-deviantart
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-blogger"></span>
                            <br/>icon-social-blogger
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-behance"></span>
                            <br/>icon-social-behance
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-bebo"></span>
                            <br/>icon-social-bebo
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-addthis"></span>
                            <br/>icon-social-addthis
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-social-500px"></span>
                            <br/>icon-social-500px
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-snow"></span>
                            <br/>icon-snow
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-sliders"></span>
                            <br/>icon-sliders
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-sliders-vertical"></span>
                            <br/>icon-sliders-vertical
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-sign-male"></span>
                            <br/>icon-sign-male
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-sign-female"></span>
                            <br/>icon-sign-female
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-shield"></span>
                            <br/>icon-shield
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-settings"></span>
                            <br/>icon-settings
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-setting"></span>
                            <br/>icon-setting
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-select-square"></span>
                            <br/>icon-select-square
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-select-circle"></span>
                            <br/>icon-select-circle
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-search"></span>
                            <br/>icon-search
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-scale"></span>
                            <br/>icon-scale
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-rules"></span>
                            <br/>icon-rules
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-rss"></span>
                            <br/>icon-rss
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-retweet"></span>
                            <br/>icon-retweet
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-report-comment"></span>
                            <br/>icon-report-comment
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-refresh"></span>
                            <br/>icon-refresh
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-rec"></span>
                            <br/>icon-rec
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-random"></span>
                            <br/>icon-random
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-quote"></span>
                            <br/>icon-quote
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-question"></span>
                            <br/>icon-question
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-previous-fast-step"></span>
                            <br/>icon-previous-fast-step
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-prev-step"></span>
                            <br/>icon-prev-step
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-pounds"></span>
                            <br/>icon-pounds
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-podcast"></span>
                            <br/>icon-podcast
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-plus"></span>
                            <br/>icon-plus
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-play"></span>
                            <br/>icon-play
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-pin"></span>
                            <br/>icon-pin
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-pin-map"></span>
                            <br/>icon-pin-map
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-pig-money"></span>
                            <br/>icon-pig-money
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-pause"></span>
                            <br/>icon-pause
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-paperclip"></span>
                            <br/>icon-paperclip
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-paperclip-oblique"></span>
                            <br/>icon-paperclip-oblique
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-options-settings"></span>
                            <br/>icon-options-settings
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-officine"></span>
                            <br/>icon-officine
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-officine-2"></span>
                            <br/>icon-officine-2
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-off"></span>
                            <br/>icon-off
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-number-zero"></span>
                            <br/>icon-number-zero
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-number-two"></span>
                            <br/>icon-number-two
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-number-three"></span>
                            <br/>icon-number-three
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-number-six"></span>
                            <br/>icon-number-six
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-number-seven"></span>
                            <br/>icon-number-seven
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-number-one"></span>
                            <br/>icon-number-one
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-number-nine"></span>
                            <br/>icon-number-nine
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-number-four"></span>
                            <br/>icon-number-four
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-number-five"></span>
                            <br/>icon-number-five
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-number-eight"></span>
                            <br/>icon-number-eight
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-next-step"></span>
                            <br/>icon-next-step
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-next-fast-step"></span>
                            <br/>icon-next-fast-step
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-music"></span>
                            <br/>icon-music
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-multi-borders"></span>
                            <br/>icon-multi-borders
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-minus"></span>
                            <br/>icon-minus
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-marker"></span>
                            <br/>icon-marker
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-marker-points"></span>
                            <br/>icon-marker-points
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-marker-minus"></span>
                            <br/>icon-marker-minus
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-marker-add"></span>
                            <br/>icon-marker-add
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-map"></span>
                            <br/>icon-map
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-male-symbol"></span>
                            <br/>icon-male-symbol
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-mailbox"></span>
                            <br/>icon-mailbox
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-mail"></span>
                            <br/>icon-mail
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-magnet"></span>
                            <br/>icon-magnet
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-magic-wand"></span>
                            <br/>icon-magic-wand
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-login-lock-refresh"></span>
                            <br/>icon-login-lock-refresh
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-locked"></span>
                            <br/>icon-locked
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-location"></span>
                            <br/>icon-location
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-location-maps"></span>
                            <br/>icon-location-maps
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-list-square"></span>
                            <br/>icon-list-square
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-list-circle"></span>
                            <br/>icon-list-circle
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-link-url"></span>
                            <br/>icon-link-url
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-line-through"></span>
                            <br/>icon-line-through
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-limit-directions"></span>
                            <br/>icon-limit-directions
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-like-upload"></span>
                            <br/>icon-like-upload
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-like-remove"></span>
                            <br/>icon-like-remove
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-like-download"></span>
                            <br/>icon-like-download
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-like-close"></span>
                            <br/>icon-like-close
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-like-ban"></span>
                            <br/>icon-like-ban
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-like-add"></span>
                            <br/>icon-like-add
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-left-right"></span>
                            <br/>icon-left-right
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-leaf"></span>
                            <br/>icon-leaf
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-layers"></span>
                            <br/>icon-layers
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-landscape"></span>
                            <br/>icon-landscape
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-key"></span>
                            <br/>icon-key
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-italic"></span>
                            <br/>icon-italic
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-info"></span>
                            <br/>icon-info
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-idea"></span>
                            <br/>icon-idea
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-home-wifi"></span>
                            <br/>icon-home-wifi
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-heart"></span>
                            <br/>icon-heart
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-hdd"></span>
                            <br/>icon-hdd
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-hdd-raid"></span>
                            <br/>icon-hdd-raid
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-hdd-net"></span>
                            <br/>icon-hdd-net
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-grids"></span>
                            <br/>icon-grids
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-grid-big"></span>
                            <br/>icon-grid-big
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-graphs"></span>
                            <br/>icon-graphs
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-forward"></span>
                            <br/>icon-forward
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-fire"></span>
                            <br/>icon-fire
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-female-symbol"></span>
                            <br/>icon-female-symbol
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-eye"></span>
                            <br/>icon-eye
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-eye-disabled"></span>
                            <br/>icon-eye-disabled
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-expand"></span>
                            <br/>icon-expand
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-expand-vertical"></span>
                            <br/>icon-expand-vertical
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-expand-horizontal"></span>
                            <br/>icon-expand-horizontal
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-expand-directions"></span>
                            <br/>icon-expand-directions
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-exclamation"></span>
                            <br/>icon-exclamation
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-euro"></span>
                            <br/>icon-euro
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-email-upload"></span>
                            <br/>icon-email-upload
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-email-spam"></span>
                            <br/>icon-email-spam
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-email-remove"></span>
                            <br/>icon-email-remove
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-email-luminosity"></span>
                            <br/>icon-email-luminosity
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-email-download"></span>
                            <br/>icon-email-download
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-email-close"></span>
                            <br/>icon-email-close
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-email-add"></span>
                            <br/>icon-email-add
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-eject"></span>
                            <br/>icon-eject
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-drops"></span>
                            <br/>icon-drops
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-drop"></span>
                            <br/>icon-drop
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-download"></span>
                            <br/>icon-download
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-download-selection"></span>
                            <br/>icon-download-selection
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-download-selection-circle"></span>
                            <br/>icon-download-selection-circle
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-double-diamonds"></span>
                            <br/>icon-double-diamonds
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-dot-square"></span>
                            <br/>icon-dot-square
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-dot-line"></span>
                            <br/>icon-dot-line
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-dot-circle"></span>
                            <br/>icon-dot-circle
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-dollar"></span>
                            <br/>icon-dollar
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-documents"></span>
                            <br/>icon-documents
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-document"></span>
                            <br/>icon-document
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-document-fill"></span>
                            <br/>icon-document-fill
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-directions"></span>
                            <br/>icon-directions
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-cross"></span>
                            <br/>icon-cross
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-credit-card"></span>
                            <br/>icon-credit-card
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-copy-paste-document"></span>
                            <br/>icon-copy-paste-document
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-copy-document"></span>
                            <br/>icon-copy-document
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-contract-vertical"></span>
                            <br/>icon-contract-vertical
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-contract-horizontal"></span>
                            <br/>icon-contract-horizontal
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-contract-directions"></span>
                            <br/>icon-contract-directions
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-compass"></span>
                            <br/>icon-compass
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-compass-2"></span>
                            <br/>icon-compass-2
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-comments"></span>
                            <br/>icon-comments
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-comment"></span>
                            <br/>icon-comment
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-coins"></span>
                            <br/>icon-coins
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-cloud"></span>
                            <br/>icon-cloud
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-cloud-upload"></span>
                            <br/>icon-cloud-upload
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-cloud-remove"></span>
                            <br/>icon-cloud-remove
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-cloud-download"></span>
                            <br/>icon-cloud-download
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-cloud-add"></span>
                            <br/>icon-cloud-add
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-clock"></span>
                            <br/>icon-clock
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-circles"></span>
                            <br/>icon-circles
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-check"></span>
                            <br/>icon-check
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-chat"></span>
                            <br/>icon-chat
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-chart-down"></span>
                            <br/>icon-chart-down
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-cd-dvd-rom"></span>
                            <br/>icon-cd-dvd-rom
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-camera"></span>
                            <br/>icon-camera
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-button-question"></span>
                            <br/>icon-button-question
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-button-minus"></span>
                            <br/>icon-button-minus
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-button-exclamation"></span>
                            <br/>icon-button-exclamation
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-button-email"></span>
                            <br/>icon-button-email
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-button-close"></span>
                            <br/>icon-button-close
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-button-check"></span>
                            <br/>icon-button-check
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-button-add"></span>
                            <br/>icon-button-add
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-brush"></span>
                            <br/>icon-brush
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-browser-sizes"></span>
                            <br/>icon-browser-sizes
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-box-remove"></span>
                            <br/>icon-box-remove
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-box-close"></span>
                            <br/>icon-box-close
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-box-blank"></span>
                            <br/>icon-box-blank
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-box-add"></span>
                            <br/>icon-box-add
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-bolt"></span>
                            <br/>icon-bolt
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-block-menu"></span>
                            <br/>icon-block-menu
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-blank"></span>
                            <br/>icon-blank
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-bezier"></span>
                            <br/>icon-bezier
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-bars"></span>
                            <br/>icon-bars
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-ban-circle"></span>
                            <br/>icon-ban-circle
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-bag"></span>
                            <br/>icon-bag
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-backward"></span>
                            <br/>icon-backward
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-axis-rules"></span>
                            <br/>icon-axis-rules
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-atom"></span>
                            <br/>icon-atom
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-up"></span>
                            <br/>icon-arrow-up
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-up-thin"></span>
                            <br/>icon-arrow-up-thin
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-up-light"></span>
                            <br/>icon-arrow-up-light
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-up-bold"></span>
                            <br/>icon-arrow-up-bold
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-up-bold-round"></span>
                            <br/>icon-arrow-up-bold-round
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-up-big"></span>
                            <br/>icon-arrow-up-big
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-right"></span>
                            <br/>icon-arrow-right
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-right-thin"></span>
                            <br/>icon-arrow-right-thin
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-right-light"></span>
                            <br/>icon-arrow-right-light
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-right-bold"></span>
                            <br/>icon-arrow-right-bold
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-right-bold-round"></span>
                            <br/>icon-arrow-right-bold-round
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-right-big"></span>
                            <br/>icon-arrow-right-big
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-oblique-expand"></span>
                            <br/>icon-arrow-oblique-expand
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-oblique-expand-directions"></span>
                            <br/>icon-arrow-oblique-expand-directions
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-oblique-contract"></span>
                            <br/>icon-arrow-oblique-contract
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-oblique-contract-directions"></span>
                            <br/>icon-arrow-oblique-contract-directions
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-multi-line-up"></span>
                            <br/>icon-arrow-multi-line-up
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-multi-line-right"></span>
                            <br/>icon-arrow-multi-line-right
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-multi-line-left"></span>
                            <br/>icon-arrow-multi-line-left
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-multi-line-down"></span>
                            <br/>icon-arrow-multi-line-down
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-left"></span>
                            <br/>icon-arrow-left
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-left-thin"></span>
                            <br/>icon-arrow-left-thin
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-left-light"></span>
                            <br/>icon-arrow-left-light
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-left-bold"></span>
                            <br/>icon-arrow-left-bold
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-left-bold-round"></span>
                            <br/>icon-arrow-left-bold-round
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-left-big"></span>
                            <br/>icon-arrow-left-big
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-fill-up"></span>
                            <br/>icon-arrow-fill-up
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-fill-right"></span>
                            <br/>icon-arrow-fill-right
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-fill-left"></span>
                            <br/>icon-arrow-fill-left
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-fill-down"></span>
                            <br/>icon-arrow-fill-down
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-down"></span>
                            <br/>icon-arrow-down
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-down-thin"></span>
                            <br/>icon-arrow-down-thin
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-down-light"></span>
                            <br/>icon-arrow-down-light
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-down-bold"></span>
                            <br/>icon-arrow-down-bold
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-down-bold-round"></span>
                            <br/>icon-arrow-down-bold-round
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-down-big"></span>
                            <br/>icon-arrow-down-big
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-cycling"></span>
                            <br/>icon-arrow-cycling
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-cycle"></span>
                            <br/>icon-arrow-cycle
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-curve-right"></span>
                            <br/>icon-arrow-curve-right
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-curve-recycle"></span>
                            <br/>icon-arrow-curve-recycle
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-arrow-curve-left"></span>
                            <br/>icon-arrow-curve-left
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-animal-footprint"></span>
                            <br/>icon-animal-footprint
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-alarm-clock"></span>
                            <br/>icon-alarm-clock
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-air-plane"></span>
                            <br/>icon-air-plane
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-adjust"></span>
                            <br/>icon-adjust
                        </span>
                        <span class="col-lg-3 col-sm-4 col-xs-6 box1">
                            <span aria-hidden="true" class="icon-cube"></span>
                            <br/>icon-cube
                        </span>
                    </div>
                </div>
            </div>

        </section>
    </div>
</div>






<script src="js/jquery-1.12.0.min.js"></script>
<script src="js/jquery.slimscroll.min.js"></script>
<script src="js/treeview.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/echarts.min.js"></script>
<script src="js/icheck.min.js"></script>
<script src="js/jpripple.js"></script>
<script src="js/all.js"></script>
</body>
</html>